<template>
    <div class="bg">
        <van-nav-bar title="个人中心" left-arrow>
            <template #left>
                <router-link to="/home/index">
                    <van-icon color="#000" name="wap-home-o" size="18" @click="replaceDoc"/>
                </router-link>
            </template>
        </van-nav-bar>
            <ul>
                <li><img src="../../assets/logo1_1.jpg" style="width: 100%;margin-bottom: 25px; margin-top: 45px;"></li>
            </ul>

        <van-grid :column-num="5" class="biaoge">
            <van-grid-item to="/remainder">
                <span style="font-size: 14px;"><b>0.00</b></span>
                <div style="font-size: 12px;margin-top: 14px;color: #aaa;">余额</div>
            </van-grid-item>
            <van-grid-item to="/integral">
                <span style="font-size: 14px;"><b>0</b></span>
                <div style="font-size: 12px;margin-top: 14px;color: #aaa;">积分</div>
            </van-grid-item>
            <van-grid-item to="/card">
                <span style="font-size: 14px;"><b>0</b></span>
                <div style="font-size: 12px;margin-top: 14px;color: #aaa;">卡</div>
            </van-grid-item>
            <van-grid-item to="/coupon">
                <span style="font-size: 14px;"><b>0</b></span>
                <div style="font-size: 12px;margin-top: 14px;color: #aaa;">优惠券/码</div>
            </van-grid-item>
            <van-grid-item to="/change">
                <van-icon name="after-sale" size="20px"/>
                <div style="font-size: 12px;margin-top: 14px;color: #aaa;">零钱</div>
            </van-grid-item>
        </van-grid>
        
        
        <van-grid :column-num="5" class="biaoge">
            <van-grid-item to="/obligation" icon="paid" text="待付款" />
            <van-grid-item to="/shipped" icon="send-gift-o" text="待发" />
            <van-grid-item to="/received" icon="logistics" text="待收货" />
            <van-grid-item to="/evaluated" icon="records" text="待评价" />
            <van-grid-item to="/service" icon="cash-back-record" text="退款/售后" />
       </van-grid>


       <van-grid :column-num="4" class="biaoge">
            <van-grid-item to="/home/cart" icon="shopping-cart-o" text="购物车" />
            <van-grid-item to="/assignment" icon="award-o" text="任务中心" />
            <van-grid-item to="/cashback" icon="refund-o" text="返现" />
            <van-grid-item to="/gift" icon="gift-o" text="赠品" />
            <van-grid-item to="/addressList" icon="location-o" text="收货地址" />
            <van-grid-item to="/exercise" icon="volume-o" text="活动会场" />
            <van-grid-item to="/data" icon="contact" text="个人信息" />
            <van-grid-item to="/account" icon="setting-o" text="账号设置" />
        </van-grid>
        
        <van-divider
            :style="{ color: '#999', borderColor: '#999', padding: '0 16px' }"
            >
            更多精彩好物
        </van-divider>

        <ul class="gdhw">
            <li>
                <img src="../../assets/lb_bottom2_1.jpg" alt="">
            </li>

            <li>
                <img src="../../assets/lb_bottom2_2.jpg" alt="">
            </li>

            <li>
                <img src="../../assets/lb_bottom2_3.jpg" alt="">
            </li>

            <li>
                <img src="../../assets/lb_bottom2_4.jpg" alt="">
            </li>

            <li>
                <img src="../../assets/lb_bottom2_1.jpg" alt="">
            </li>

            <li>
                <img src="../../assets/lb_bottom2_2.jpg" alt="">
            </li>

            <li>
                <img src="../../assets/lb_bottom2_3.jpg" alt="">
            </li>

            <li>
                <img src="../../assets/lb_bottom2_4.jpg" alt="">
            </li>
        </ul>
    </div>
</template>

<script setup lang="ts">
import BASEURL from '../http/IndexUrl'
    const {INDEXURL} = BASEURL
    const replaceDoc=()=>{
        window.location.replace(INDEXURL)
    }

</script>

<style scoped>

.van-nav-bar{
        width: 100%;
        position: fixed;
        top: 0;
        z-index: 10000;
    }

.bg{
    background-color: #F7F8FA;
}
.biaoge{
    margin-bottom: 20px;
}
.gdhw li img{
    width: 100%;
}
</style>